.header{
  height: 1.2rem;
  width: 100%;
  background-color: rebeccapurple;
}
.nav{
  height: 1.173333rem;
  width: 100%;
  background-color: aqua;
}
.btm{
  position: fixed;
  bottom: 0;
  height: 1.333333rem;
  width: 100%;
  background-color: greenyellow;
}
.cinema-con{
  height: calc(100vh - 3.706667rem);
  background-color: #fff;
  overflow-y: scroll;
  .cinema-con-nav{
      height: 1.066667rem;
      width: 100%;
      display: flex;
      align-items: center;
      border-bottom: 1px solid #f0f0f0;
      .cinema-nav-item{
          flex: 1;
          border-right: 1px solid #f0f0f0;
          color: #777777;
          font-size: 0.346667rem;
          &:nth-child(3){
              border: none;
          }
      }
  }
  .cinema-con-list {
      display: flex;
      flex-direction: column;
      align-items: center;
      .title-block {
          width: 9.146667rem;
          height: 3.306667rem;
          padding: 0.346667rem 0 0.346667rem 0;
          box-sizing: border-box;
          border-bottom: 1px solid #f0f0f0;
        .line-ellipsis {
            width: 100%;
            display: flex;
            justify-content: start;
            align-items: center;
            color: #000;
            &:nth-of-type(1){
                font-size: 0.426667rem;
            }
    
          .price-block {
              width: 1.866667rem;
              height: 0.64rem;
              font-size: 0.48rem;
              color: #f03d37;
              margin-left: 0.266667rem;

            .price {

            }
    
            .q {
              font-size: 0.32rem;
            }
          }
        }
    
        .location-block {
          width: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          margin-top: 0.16rem;
          .flex{
            font-size: 0.346667rem;
            color: #666;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
            width: 7.68rem;
          }
          .distance{
            color: #666;
          }
        }
    
        .label-block {
          width: 100%;
          display: flex;
          justify-content: start;
          align-items: center;
          margin: 0.106667rem 0 0.106667rem 0;
          .allowRefund{
            padding: 0 3px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
            border-radius: 2px;
            color: #589daf;
            border: 1px solid #589daf;
            box-sizing: border-box;
            margin-right: 5px;
          }
          .endorse{
            padding: 0 3px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
            border-radius: 2px;
            color: #589daf;
            border: 1px solid #589daf;
            box-sizing: border-box;
            margin-right: 5px;
          }
          .snack{
            padding: 0 3px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
            border-radius: 2px;
            color: #f90;
            border: 1px solid #f90;
            box-sizing: border-box;
            margin-right: 5px;
          }
          .vipTag{
            padding: 0 3px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
            border-radius: 2px;
            color: #f90;
            border: 1px solid #f90;
            box-sizing: border-box;
            margin-right: 5px;
          }
          .hallType{
            padding: 0 3px;
            display: inline-block;
            height: 17px;
            line-height: 17px;
            border-radius: 2px;
            color: #589daf;
            border: 1px solid #589daf;
            box-sizing: border-box;
            margin-right: 5px;
          }
        }
    
        .discount-block {
          div{
            width: 100%;
            display: flex;
            justify-content: start;
            align-items: center;
            .discount-label {
              width: 0.4rem;
              height: 0.373333rem;
              position: relative;
              top: 3px;
              img {
                width: 0.4rem;
                height: 0.373333rem;
              }
            }
      
            .discount-label-text {
                margin-left: 0.133333rem;
                color: #999999;
                position: relative;
              top: 3px;
            }
          }
        }
      }
    }
}